<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="AliceBlue">
    <link rel="stylesheet" type="text/css" href="./main.css">
    <script src="./main.js" defer="defer"></script>
    <link rel="icon" href="icon.ico" type="images/x.ico">
    <title>小兵小兵</title>
  </head>
  <body>
    <a id="a-1"><h1><b><i>小兵小兵电子版</i></b></h1></a>
    <ul id="u-1">
      <img src="./icon.ico">
      <li id="l-1">离线</li>
      <li id="l-2">在线</li>
      <li id="l-3">规则</li>
    </ul>
    <p id="p-r"></p>
    <div id="offline">
      <img src="./poster.png">
      <form action="./game/game.html">
        <label class="l-n" for="a">人机数量：</label>
        <label class="l-t" for="a">1</label>
        <input type="range" name="number" id="a" min="1" max="10" value="2" step="1">
        <label class="l-t" for="a">10    已选择：</label>
        <output class="l-n" for="a" id="showNumber">2</output>
        <input type="submit" id="b-p" value="开始游戏">
        <input type="radio" name="theme" value="light" class="l-t" id="c">
        <label class="l-t" for="c">亮色主题</label>
	<input type="radio" name="theme" value="dark" class="l-t" id="d">
        <label class="l-t" for="d">暗色主题</label>
      </form>
    </div>
    <div id="online">
      <form action="./online/online.html">
        <label class="l-n" for="b">名字：</label>
        <input type="text" name="playerName" id="b" class="rainbow" autofocus="autofocus" required>
        <input type="submit" id="b-n" value="开始游戏">
      </form>
    </div>
  </body>
</html>